<template>
<section>
  <div class="nofeedback-box">
    <el-scrollbar>
      <template>
        <div v-for="(item,index) in tableList" :key="index">
          <el-table :data="item.tableData" style="width: 100%;margin-bottom: 20px">
            <el-table-column type="index" label="序号"></el-table-column>
            <el-table-column prop="fileName" label="原文件名"></el-table-column>
            <el-table-column prop="compareFileName" label="比对文件名"></el-table-column>
            <el-table-column prop="compareResult" label="比对结果" width="100px"></el-table-column>
            <el-table-column prop="similarity" label="相似度" width="100px"></el-table-column>
          </el-table>
        </div>
      </template>
    </el-scrollbar>
<!--    <el-scrollbar>-->
<!--      <el-table :data="tableData" style="width: 100%">-->
<!--        <el-table-column type="index" label="序号"></el-table-column>-->
<!--        <el-table-column prop="fileName" label="原文件名"></el-table-column>-->
<!--        <el-table-column prop="compareFileName" label="比对文件名"></el-table-column>-->
<!--        <el-table-column prop="compareResult" label="比对结果" width="100px"></el-table-column>-->
<!--        <el-table-column prop="similarity" label="相似度" width="100px"></el-table-column>-->
<!--      </el-table>-->
<!--    </el-scrollbar>-->
  </div>
</section>
</template>

<script>
export default {
  name: 'no-feedback',
  props: {
    tableList: {
      type: Array,
      default: () => {
        return []
      }
    }
  }
}
</script>

<style lang="scss">
.nofeedback-box {
  width: 100%;
  height: 300px;
  background: aliceblue;
  white-space: nowrap;
  .el-scrollbar {
    height: 100%;
    width: 100%;
  }
  //::-webkit-scrollbar {
  //  width: 6px;
  //  height: 6px;
  //}
  //
  //::-webkit-scrollbar-thumb {
  //  background-color: #eee;
  //  border-radius: 3px;
  //}
}
.nofeedback-box  .el-scrollbar__wrap {
  overflow: scroll;
  width: 100%;
  height: 120%;
}
</style>
